<div class="row">
    <div class="padding_10" style="position: relative">
        <div class="display_ib padding_left_20">
            <img height="66px" width="66px" src="assets/img/noavatar_1.JPG" alt="">
        </div>
        <div class="display_ib" style="position: absolute; bottom: 10px;left: 100px">
            <div ng-bind="details.name"></div>
            <div>
                <span>发起人</span>
                <font ng-bind="details.user_name"> </font> <i></i>
            </div>
        </div>
    </div>
    <div class="table-bordered col-md-7">
        <div>
            <img class="img_h" ng-src="{{details.image|imgUrl}}" alt="">
        </div>
    </div>
    <div class="table-bordered col-md-5">
        <div class="project_padding">
            <div class="project_padding">
                <span>已筹集:</span><span ng-bind="details.support_amount|currency:'':0"></span><span>元</span>
            </div>
            <div class="progress">
                <div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100"
                    ng-style="{'width':details.support_amount/details.limit_price*100+'%'}">
                </div>
            </div>
            <div class="pull-right project_padding">
                <span>筹集目标:</span><span ng-bind="details.limit_price"></span><span>元</span>
            </div>
            <br>
            <div class="project_padding">
                <p>
                    此项目须在 <span ng-bind="details.end_time*1000|date:'yyyy年MM月dd日HH时mm分'"></span> 前，获得 <span class="red" ng-bind="details.limit_price|currency:'¥'"></span>的支持才可成功!
                </p>
            </div>
            <div class="project_padding text-center">
                <div class="col-md-4 col-sm-4 col-xs-4">
                    <p>网站支付</p>
                    <p>支付方式</p>
                </div>
                <div class="col-md-4 col-sm-4 col-xs-4">
                    <p ng-if="details.end_time*1000>nTime"> <span ng-bind="details.end_time*1000-nTime|day"></span><span>天</span></p>
                    <p ng-if="details.end_time*1000>nTime">剩余时间</p>
                    <p ng-if="details.end_time*1000<nTime"><span ng-bind="details.end_time*1000|date:'yyyy/MM/dd'"></span></p>
                    <p ng-if="details.end_time*1000<nTime">结束时间</p>
                </div>
                <div class="col-md-4 col-sm-4 col-xs-4">
                    <p><span ng-bind="details.support_count"></span>人</p>
                    <p>支持人数</p>
                </div>
            </div>
            <div class="project_padding">
                <input ng-click="gotoBottom()" type="button" ng-disabled="details.end_time*1000<nTime&&details.support_amount<details.limit_price"
                    class="btn  btn-primary" value="立即支持">
            </div>
            <div class="project_padding">
                <span ng-bind="details.province"></span>
                <span ng-bind="details.city"></span>
            </div>
            <div class="project_padding">
                <span ng-bind="details.tags"></span>
            </div>
        </div>
    </div>
</div>
<br>
<div class="row">
    <div class="table-bordered" style="height: 45px;line-height: 45px">
        <ul class="ul_li_padding">
            <li><a href="javascript:;">项目主页</a></li>
            <li><a href="javascript:;">动态 </a></li>
            <li><a href="javascript:;">支持者 </a></li>
            <li><a href="javascript:;">评论 </a></li>
        </ul>
    </div>
</div>
<br>
<div class="row table-bordered">
    <div style="margin: 0;padding: 0" class="table-bordered col-md-8">
        <div style="border-bottom: 1px solid silver">
            <span style="font-size: 24px; border-bottom: 2px solid blue" class=" display_ib ">项目介绍</span>
        </div>
        <div class="padding_10" ng-bind-html="details.description|to_trusted"></div>
    </div>
    <div class="col-md-4">
        <div id="support" style="margin-bottom: 10px" class="padding_10 table-bordered">
            <div style="border-bottom: 1px solid silver">
                <span style="font-size: 24px; border-bottom: 2px solid blue" class=" display_ib ">发起人信息</span>
            </div>
            <div>
                <div class="display_ib">
                    <img width="88px" height="88px" src="assets/img/noavatar_1.JPG" alt="">
                </div>
                <div class="display_ib">
                    <div>
                        <span>发起人</span>
                        <font ng-bind="details.user_name"></font>
                    </div>
                    <div>
                        <span ng-bind="details.province"></span>
                        <span ng-bind="details.city"></span>
                    </div>
                </div>
            </div>
        </div>
        <div ng-repeat="item in support" style="margin-bottom: 10px" class="padding_10 table-bordered">
            <div style="height: 34px">
                <span style="line-height: 34px;font-size: 20px" ng-bind="item.b_price|currency:'¥ '"></span>
                <button class="btn btn-primary pull-right" ng-click="sustain(item)" ng-disabled="details.end_time*1000<nTime&&details.support_amount<details.limit_price">支持</button>
                <!--<div class="clearfix"></div>-->
            </div>
            <div>
                <div style="border-top: 1px dashed silver">
                    <p ng-bind="item.b_description"></p>

                </div>
                <div>
                    已有 <span ng-bind="item.b_support_count"></span> 位
                </div>
                <div>
                    <p>确认回报时间：回报发放成功后 <span ng-bind="item.b_repaid_day"></span>天内</p>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="modal fade" id="SpModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content text-center">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×
                </button>
                <h4 class="modal-title text-center" id="myModalLabel">
                    —— 请确认 ——
                </h4>
            </div>
            <div class="modal-body">
                <form class="form-horizontal">
                    <div class="form-group text-left">
                        <label for="inputEmail3" class="col-sm-2 control-label">地址</label>
                        <div class="col-sm-10">
                            <input type="text" ng-model="site" class="form-control " autocomplete="off" id="inputEmail3" placeholder="请输入详细地址">
                        </div>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button ng-disabled="site==undefind||site==''" ng-click="verify()" class="btn btn-info">
                    确认
                </button>
            </div>
        </div>
    </div>
</div>